<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>点击</button>
    <script>
        // 小技巧 ，可以通过变量保存this
        // document.querySelector("button").onclick = function(){
        //     // var that = this;
        //     var _this = this;
        //     console.log(this); // button 
        //     setTimeout(function(){
        //         console.log(that);  // button
        //         console.log(this);  // window
        //     },1000);
        // }



        // 第二个 

        /* 
            1111
            4444
            3333
            2222
            5555
        */


        /* 
            1111
            4444
            2222
            5555
            3333
        */
        console.log(111);
        // function fn(cb) {
        //     setTimeout(function () {
        //         console.log(222);
        //         cb();
        //         // console.log(555);
        //     }, 0);
        // }
        // fn(function () {
        //     console.log(5555);
        // })

            setTimeout(function(){
                console.log(2222);
                console.log(5555);
            }, 0);



        setTimeout(function () {
            console.log(333)
        }, 1000);
        console.log(4444);

    </script>
</body>

</html>